<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
<!--2.空格折叠现象:将连续多个空格与换行都折叠成一个空格进行显示 -->
    第2个网页     内容
    <br>
<!-- 3. 换行标签 -->
<!-- 1.文本基础效果标签 -->
    <b>加粗文字bold</b>
    <i>斜体文字italic</i>
    <u>下划线文字underline</u>
    <s>删除线文字</s>
    <mark>高亮标记文字</mark>
    <br>
<!-- 4. 转义符号
&lt; less than 表示小于号
&gt; greater than 表示大于号
&nbsp; 表示空格 -->
    我最喜欢吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红烧肉

<!--5.标题标签 加粗 修改字号 有垂直方向的行间距 内容独占一行-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <h7>七级标题</h7>

<!--6.段落标签 有垂直方向的行间距 内容独占一行-->
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
<!--8.分割线标签 水平灰色-->
    <hr>
<!--7.假文 输入lorem后按Tab补齐-->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut consequatur cumque delectus dignissimos dolor dolorem est illum ipsa maiores modi nemo perferendis porro reiciendis rem reprehenderit sit suscipit veritatis, vitae.
<!--9.有序列表 ol(ordered list) li(list item列表项)-->
    <ol type="A">
        <li>起锅开火</li>
        <li>把水烧开</li>
        <li>放面进去</li>
    </ol>
<!--10.无序列表 ul(unordered list) li(list item列表项)-->
<!--type="none" 去除列表项前标识符-->
    <ul type="none">
        <li>《Think in Java》</li>
        <li>《Java从入门到精通》</li>
        <li>《颈椎康复指南》</li>
    </ul>
<hr>
<ul type="none">
    <li>热菜</li>
    <ol>
        <li>西红柿牛腩</li>
        <li>水煮肉片</li>
        <li>宫保鸡丁</li>
        <li>溜肉段</li>
    </ol>
    <li>凉菜</li>
    <ol>
        <li>拍黄瓜</li>
        <li>皮蛋豆腐</li>
        <li>凉拌三丝</li>
    </ol>
    <li>主食</li>
    <ol>
        <li>米饭</li>
        <li>馒头</li>
    </ol>
</ul>
<hr>
<h1>个人简历</h1>
<h3>基本信息</h3>
<p>姓名:<b>传奇哥</b></p>
<p>性别:男</p>
<p>爱好:<s>摄影</s></p>
<h3>个人经历</h3>
<ul>
    <li>小学9年级</li>
    <li>中学9年级</li>
    <li>高中12年</li>
</ul>
<h3>获得荣誉</h3>
<ol>
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>
</body>
</html>